<template>
  <div>
    <h2>{{title}}</h2>
    <!-- 
      声明一个默认插槽占位
        <slot></slot>
        <slot name="default"></slot>
     -->
    <slot></slot>
    <br>
    <!-- 声明具名插槽 -->
    <slot name="mySlot"></slot>
    <!-- 插槽默认内容: 如果没有传入对应的插槽内容, 就显示这个默认的内容 -->
    <slot name="mySlot2">
      <p>插件默认内容</p>
    </slot>
  </div>
</template>

<script>
export default {
  name: 'MyChild',
  props: ['title']
}
</script>

<style scoped>

</style>
